﻿<?xml version="1.0" encoding="utf-8"?><Articles><Article><ArticlesID>913</ArticlesID><Title>10 firefox addons kh&amp;#244;ng thể thiếu d&amp;#224;nh cho web developer v&amp;#224; QA</Title><Body>&amp;lt;p&amp;gt;Firefox,&amp;amp;nbsp;1 tr&amp;amp;igrave;nh duyệt nổi tiếng, c&amp;amp;oacute; nhiều addons nhất  hiện nay, n&amp;amp;oacute; hổ trợ rất nhiều cho việc lướt web, cũng như trong từng  c&amp;amp;ocirc;ng việc đặc th&amp;amp;ugrave; của của ch&amp;amp;uacute;ng ta, đặc biệt l&amp;amp;agrave; những người ph&amp;amp;aacute;t triển  web, kiểm tra chất lượng chương tr&amp;amp;igrave;nh.&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Nay m&amp;amp;igrave;nh sẻ giới thiệu 10  addons kh&amp;amp;ocirc;ng thể thiếu của firefox d&amp;amp;agrave;nh cho web developer v&amp;amp;agrave; QA:&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
1.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/1146&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;Screengrab&amp;quot;&amp;gt;Screengrab&amp;lt;/a&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
Chụp to&amp;amp;agrave;n bộ m&amp;amp;agrave;ng h&amp;amp;igrave;nh của trang web  hoặc ch&amp;amp;uacute;ng ta c&amp;amp;oacute; thể chụp những phần m&amp;amp;agrave; ch&amp;amp;uacute;ng&amp;amp;nbsp; ta thấy.&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
2.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/748?id=748&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;GreaseMonkey&amp;quot;&amp;gt;GreaseMonkey&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img width=&amp;quot;176&amp;quot; height=&amp;quot;133&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/Greasemonkey.jpg&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span class=&amp;quot;long_text&amp;quot; id=&amp;quot;result_box&amp;quot;&amp;gt;&amp;lt;span title=&amp;quot;Execute your JavaScript on external site.&amp;quot; style=&amp;quot;background-color: rgb(255, 255, 255);&amp;quot;&amp;gt;Thực thi JavaScript  của bạn tr&amp;amp;ecirc;n trang web b&amp;amp;ecirc;n ngo&amp;amp;agrave;i. &amp;lt;/span&amp;gt;&amp;lt;span title=&amp;quot;You can customize sites as per your need by
manipulating the DOM elements, redirecting to other sites, refreshing
page to keep alive the session.&amp;quot; style=&amp;quot;background-color: rgb(255, 255, 255);&amp;quot;&amp;gt;Bạn c&amp;amp;oacute; thể t&amp;amp;ugrave;y chỉnh c&amp;amp;aacute;c trang web theo  nhu cầu của bạn bằng c&amp;amp;aacute;ch thao t&amp;amp;aacute;c c&amp;amp;aacute;c phần tử DOM, chuyển hướng đến  c&amp;amp;aacute;c trang web kh&amp;amp;aacute;c, l&amp;amp;agrave;m mới trang để giữ cho session c&amp;amp;ograve;n sống. &amp;lt;/span&amp;gt;&amp;lt;span title=&amp;quot;You can find
wealth of such scripts at: http://userscripts.org/&amp;quot; style=&amp;quot;background-color: rgb(255, 255, 255);&amp;quot;&amp;gt;Bạn c&amp;amp;oacute; thể t&amp;amp;igrave;m thấy  c&amp;amp;aacute;c script phong ph&amp;amp;uacute; đ&amp;amp;oacute; tại: http://userscripts.org/&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
3.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/655&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;View Source Chart&amp;quot;&amp;gt;View Source Chart&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Xem source code tốt hơn tr&amp;amp;igrave;nh  mặc định của firefox, bạn c&amp;amp;oacute; thể xem h&amp;amp;igrave;nh b&amp;amp;ecirc;n dưới để thấy được sự kh&amp;amp;aacute;c  biệt. Click chuột phải l&amp;amp;ecirc;n trang v&amp;amp;agrave; chọn View Source Chart.&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;&amp;lt;img width=&amp;quot;557&amp;quot; height=&amp;quot;318&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/View_Source_Chart(1).png&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;
4.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/539&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;Measure It&amp;quot;&amp;gt;Measure It&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;MeasureIt l&amp;amp;agrave; c&amp;amp;ocirc;ng cụ để đo chiều rộng v&amp;amp;agrave; chiều cao của mỗi element trong trang web.&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img width=&amp;quot;200&amp;quot; height=&amp;quot;75&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/MeasureIt.jpg&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;5.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/271&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;ColorZilla&amp;quot;&amp;gt;ColorZilla&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;ColorZilla l&amp;amp;agrave; c&amp;amp;ocirc;ng cụ để lấy m&amp;amp;atilde; m&amp;amp;agrave;u từ bất kỳ điểm n&amp;amp;agrave;o tr&amp;amp;ecirc;n trang web, bạn c&amp;amp;oacute; thể zoom hai điểm bất kỳ tr&amp;amp;ecirc;n trang...&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;&amp;lt;img width=&amp;quot;200&amp;quot; height=&amp;quot;103&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/ColorZilla.jpg&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
6.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/60&amp;quot; target=&amp;quot;_blank&amp;quot;&amp;gt;Web  Developer&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img width=&amp;quot;333&amp;quot; height=&amp;quot;204&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/Web_Developer.png&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;7.&amp;amp;nbsp;&amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/427&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;ScrapBook&amp;quot;&amp;gt;ScrapBook&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;amp;nbsp;&amp;lt;img width=&amp;quot;200&amp;quot; height=&amp;quot;150&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/ScrapBook.png&amp;quot; alt=&amp;quot;ScrapBook&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;8. &amp;lt;a href=&amp;quot;http://getfirebug.com/&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;firebug&amp;quot;&amp;gt;Firebug&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;Firebug l&amp;amp;agrave; một plugin của FireFox rất hữu &amp;amp;iacute;ch v&amp;amp;agrave; hỗ trợ rất tốt đối với c&amp;amp;aacute;c  Web designer trong việc debug javascript, chỉnh  sửa giao diện v&amp;amp;agrave; css. Ngo&amp;amp;agrave;i ra với Firebug bạn c&amp;amp;oacute; thể đo được tốc độ  tải của từng th&amp;amp;agrave;nh phần trong một website. L&amp;amp;agrave; một người thiết kế website chuy&amp;amp;ecirc;n  nghiệp th&amp;amp;igrave; đ&amp;amp;acirc;y l&amp;amp;agrave; c&amp;amp;ocirc;ng cụ kh&amp;amp;ocirc;ng thể thiếu đối với bạn.&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;amp;nbsp;&amp;lt;img width=&amp;quot;200&amp;quot; height=&amp;quot;150&amp;quot; src=&amp;quot;http://dev.meotom.net/Uploads/admin/2010/5/3/firebug.jpg&amp;quot; alt=&amp;quot;Firebug&amp;quot; /&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;9. &amp;lt;a href=&amp;quot;https://addons.mozilla.org/en-US/firefox/addon/6683&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;FireCookie&amp;quot;&amp;gt;FireCookie&amp;lt;br /&amp;gt;
&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;Extension  của firefox, cho ph&amp;amp;eacute;p bạn xem cookie v&amp;amp;agrave; cũng c&amp;amp;oacute; thể xuất ch&amp;amp;uacute;ng.&amp;lt;br /&amp;gt;
&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p&amp;gt;&amp;lt;img src=&amp;quot;http://code2code.info/image.axd?picture=2010%2f4%2fFireCookie_thumb_70C18B46.png&amp;quot; alt=&amp;quot;&amp;quot; /&amp;gt;&amp;lt;span style=&amp;quot;font-size: small;&amp;quot;&amp;gt;&amp;lt;span style=&amp;quot;font-family: verdana,geneva;&amp;quot;&amp;gt;&amp;lt;br /&amp;gt;
&amp;lt;br /&amp;gt;
10. &amp;lt;a href=&amp;quot;http://developer.yahoo.com/yslow/&amp;quot; target=&amp;quot;_blank&amp;quot; title=&amp;quot;YSlow&amp;quot;&amp;gt;YSlow&amp;lt;/a&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;&amp;lt;/p&amp;gt;
&amp;lt;p style=&amp;quot;text-align: right;&amp;quot;&amp;gt;&amp;lt;em&amp;gt;Tổng hợp +&amp;amp;nbsp;code2code.info&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;</Body><CommentEnabled>True</CommentEnabled><ViewCount>0</ViewCount><ReleaseDate>5/13/2010 8:03:54 AM</ReleaseDate><TotalComment>0</TotalComment><IsMedia>False</IsMedia><IsPicture>True</IsPicture><IsVote>True</IsVote><ArticlePassword /><PostVisible>0</PostVisible><ArticlePath>/2010/5/3/10-firefox-addons-khong-the-thieu-danh-cho-web-developer-va-QA-391</ArticlePath><Approved>True</Approved><ImagePath /><CategoryId>44</CategoryId><ArrayCatID>44|34</ArrayCatID></Article></Articles>